<template>
    <div class="container-common online-homework-join">
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item>在线作业</el-breadcrumb-item>
            <el-breadcrumb-item>当前作业</el-breadcrumb-item>
            <el-breadcrumb-item>作业分组</el-breadcrumb-item>
            <el-breadcrumb-item>当前分组</el-breadcrumb-item>
        </el-breadcrumb>
        <div>
            <el-table
                    :data="tableData"
                    border
                    style="width: 100%">
                <el-table-column
                        prop="homework"
                        label="组员学号">
                </el-table-column>
                <el-table-column
                        prop="publishTime"
                        label="组员姓名">
                </el-table-column>
            </el-table>
            <ul class="homework-detail">
                <li>
                    <label>作业要求：</label>
                    <span>而他的衣服高考加分很多功夫撒风格</span>
                </li>
                <li>
                    <label>作业起止时间：</label>
                    <span>而他的衣服高考加分很多功夫撒风格</span>
                </li>
                <li>
                    <label>资料下载：</label>
                    <span>而他的衣服高考加分很多功夫撒风格</span>
                    <el-button size="small" type="primary">点击下载</el-button>
                </li>
                <li>
                    <label>提交作业：</label>
                    <el-upload
                            class="upload-container"
                            action="https://jsonplaceholder.typicode.com/posts/"
                            :file-list="fileList">
                        <el-button size="small" type="primary">点击上传</el-button>
                        <!--<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
                    </el-upload>
                </li>
            </ul>
            <el-button type="primary">提交</el-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "currentGroup",
        props: ['homework'],
        data () {
            return {
                tableData: [],
                fileList: []
            }
        }
    }
</script>

<style lang="scss" type="text/scss">
    .online-homework-join {
        .group-new {
            margin-bottom: 20px;
        }
        .box-card {
            width: 260px;
            display: inline-block;
            margin-right: 20px;
            margin-bottom: 20px;
        }
        .homework-detail {
            list-style: none;
            padding: 0;
            margin: 0;
            margin-top: 60px;
            line-height: 30px;
            color: #909399;
            font-size: 14px;
            margin-bottom: 40px;
            li {
                margin-bottom: 10px;
            }
            label {
                display: inline-block;
                width: 140px;
                color: #666;
            }
            .upload-container {
                display: inline-block;
                vertical-align: top;
            }
        }
    }
</style>